<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>过滤器</title>
</head>
<body>

    <div class="first">
        {{ now | format }}
    </div>

    <script src="/javascripts/vue@2.6.12.js" type="text/javascript"></script>

    <script type="text/javascript">
        const options = {
            el: '.first' ,
            data: {
                now: new Date()
            },
            filters: {
                format( value ) {
                    console.log( Date.prototype.isPrototypeOf( value ) );

                    let year = value.getFullYear();
                    let month = value.getMonth() + 1 ; // 鬼子那边的月份从零开始计数
                    let date = value.getDate();

                    let day = value.getDay(); // 注意，鬼子那边周几也从零开始计数(周日是一周的开始)
                    // 把 day 翻译成 周几，比如 0 对应 周日 、1 对应 周一

                    let hours = value.getHours();
                    let minutes = value.getMinutes();
                    let seconds = value.getSeconds();

                    return `${year}年${month}月${date}日 周几 ${hours}:${minutes}:${seconds}` ;
                }
            }
        }
        const app = new Vue( options );
    </script>

</body>
</html>